document.onmousemove = function(e){
    // var style = document.styleSheets[0];
    var one = document.getElementById("one");
    var two = document.getElementById("two");
    var three = document.getElementById("three");
    var four = document.getElementById("four");
    var five = document.getElementById("five");
    var bg = document.getElementById("wzbg");

    bg.style.left = e.clientX - 50 + "px";
    bg.style.top = e.clientY - 50 + "px";
    bg.style.display = 'block';

    one.style.left = 40+ "px";
    one.style.top =0 + "px";
    one.innerHTML = "金";
    one.style.display = 'block';

    two.style.left = "67px";
    two.style.top = "75px";
    two.innerHTML = "水";
    two.style.display = 'block';

    three.style.left ="80px";
    three.style.top ="30px";
    three.innerHTML = "木";
    three.style.display = 'block';

    four.style.left ="18px";
    four.style.top ="75px";
    four.innerHTML = "火";
    four.style.display = 'block';

    five.style.left = "5px";
    five.style.top = "30px";
    five.innerHTML = "土";
    five.style.display = 'block';
}